<ion-header>

  <ion-navbar>
    <ion-title>配件列表</ion-title>
    <ion-buttons left>
      <button ion-button icon-only (click)="dismiss()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content (ionScroll)="scrollContent()">
  <ion-list>
    <ng-container *ngIf="SFZX != '0'">
    <ion-item>
      <ion-input class="bgcolor_white font_black_111 mt0 mb0 width80" style="height: 25px; border-radius: 20px;"
                 placeholder="请输入物料名称查找"
                 [(ngModel)]="query_field" (ngModelChange)="query()">
      </ion-input>
    </ion-item>
    </ng-container>
    <ng-container *ngFor="let data of datas">
      <ion-item class="mt15">
        <ion-label class="text_hide_none">
          <span class="w08">编号:{{data.PRODUCT_ID}}</span>
          <span class="w08">名称:{{data.PRODUCT_NAME}}</span>
          <span class="w08">单位:{{data.AMOUNT_UOM_ID}}</span>
          <span class="w08">￥: {{data.PRICE}}</span>
        </ion-label>
      </ion-item>
    </ng-container>
  </ion-list>

  <div *ngIf="datasConfig.isEnd==true" class="w12 mt20 mb20 tc font_gray">
    ------------------------ 已经到底了 ------------------------
  </div>
  <ion-infinite-scroll (ionInfinite)="getMoreDatas($event)" threshold="100px" [enabled]="!datasConfig.isEnd">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="数据加载中...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

</ion-content>
